<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" href="css/main.css" />
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.js" ></script>
		<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js" ></script>
		<script type="text/javascript" src="js/move2.js" ></script>
	</head>
	<body>
		
		<!--头部导航-->
		<div class="header clearfix">
			<div class="logo pull-left"><img src="images/common/logo.png" /></div>
			<div class="navbar pull-right">
				<ul class="nav-list pull-left">
					<li><a href="#" >首页</a></li>
					<li><a href="#" >投资</a></li>
					<li><a href="#" >融资</a></li>
					<li><a href="#" >债权转让</a></li>
					<li><a href="#" >安全保障</a></li>
				</ul>
				
				<div class="login pull-right" >
					<a href="#">登录 <i class="glyphicon glyphicon-triangle-right" ></i> </a>
					<a href="#">注册 <i class="glyphicon glyphicon-triangle-right" ></i></a>
				</div>
			</div>
		</div>
		<div class="h649"></div>
		<div class="banner">
			<div class="banner-centent">
			<div id="myCarousel" class="carousel slide" style="float: left; position: absolute; width: 1920px; height: 649px; left: 50%; margin-left: -960px;">
					<!-- 轮播（Carousel）指标 -->
						<ol class="carousel-indicators">
							
								<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
								
								<li data-target="#myCarousel" data-slide-to="1" class=""></li>
								
								<li data-target="#myCarousel" data-slide-to="2" class=""></li>
								
								<li data-target="#myCarousel" data-slide-to="3" class=""></li>
								
								<li data-target="#myCarousel" data-slide-to="4" class=""></li>
					
						</ol>
						<!-- 轮播（Carousel）项目 -->
						<div class="carousel-inner">
							<div class="item">
								<a href="#"><img src="images/banner.jpg" alt="Fifth slide"></a>
							</div>
							
							<div class="item">
								<a href="#"><img src="images/banner.jpg" alt="Fifth slide"></a>
							</div>
							
							<div class="item">
								<a href="#"><img src="images/banner.jpg" alt="Fifth slide"></a>							
							</div>
							
							<div class="item">
								<a href="#"><img src="images/banner.jpg" alt="Fifth slide"></a>
							</div>
							
							<div class="item active">
								<a href="#"><img src="images/banner.jpg" alt="Fifth slide"></a>
							</div>
						</div>
						<!-- 轮播（Carousel）导航 -->
						<a class="carousel-control left" href="#myCarousel" data-slide="prev"></a> 
						<a class="carousel-control right" href="#myCarousel" data-slide="next"></a>
						
			</div>
			
			</div> <!--banner-centent-->
		</div>  <!--banner-->
		
		<div class="w1300">
			<ul class="revealdata clearfix">
				<li><span class="sprites sprites1" ></span><p>累计投资额</p><strong>266077 <b>万</b></strong></li>
				<li><span class="sprites sprites2" ></span><p>投资项目总数</p><strong>53 <b>个</b></strong></li>
				<li><span class="sprites sprites3" ></span><p>已交易投资人</p><strong>1019 <b>位</b></strong></li>
				<li><span class="sprites sprites4" ></span><p>成功对接项目</p><strong>41 <b>个</b></strong></li>
				<li><span class="sprites sprites5" ></span><p>当前融资项目数</p><strong>12 <b>个</b></strong></li>
				<li><span class="sprites sprites6" ></span><p>成立至今累计</p><strong>102 <b>天</b></strong></li>
			</ul>
		</div>
		<!--认投中项目-->
		<div class="bg" style="height: 595px;" >
			<div class="w1300">	
				<div class="project">
					<div class="title-plate">
						<h2><span>Ongoing project</span><b>认投中的项目</b><a href="#" class="more" >查看更多</a></h2>
					</div>
					<div id="rtproject" class="picScroll-left clearfix">
						<!--<div class="hd">-->
							<a class="next"></a>
					
							<a class="prev"></a>
						<!--</div>-->
						<div class="bd">
							<ul class="picList">
								<li> <a href="#">
									<div class="pic">
										<div class="leftimg pull-left clearfix">
											<img class="leftshadow" src="images/common/leftshadow.png" />
										   <div class="play-top" id="">
												 <dl class="sub-list" >
											    	<dd class="active">1</dd>
											        <dd>2</dd>
											        <dd>3</dd>
											    </dl>
												<ol class="subimg-list">
													<li>
														<img src="images/tmp/img1.jpg" />
													</li>
													<li>
														<img src="images/tmp/img1.jpg" />
													</li>
													<li>
														<img src="images/tmp/img1.jpg" />
													</li>
												</ol>
											</div>
										</div>
										<div class="w466 pull-right ">
											<h3>【喜蚨09号】既下山·景德镇</h3>
											<p class="describe" >开启藏地旅行隐秘之门，饱览世外桃源雪白云天</p>
											<ol class="pro-list clearfix" >
												<li><span>起投金额</span><p>5万</p></li>
												<li><span>投资期限</span><p>6月</p></li>
												<li><span>开始投标日期</span><p>2019-4-2</p></li>
												<li><span>剩余时间</span><p>23天</p></li>
											</ol>
											<div class="pro-position">
												<span>项目期限:1月</span>
												<span class="line">|</span>
												<span>规模:100万</span>
											</div>
											
											<div class="enterprisetouzi">
												<div class="progressbar">
													<span>剩余时间:9天 </span>
													<p>预约进度 <i class="c3cb4f9">0.00%</i> </p>
													<div class="jindu">
														<div style="width:80.00%"></div>
													</div>
												</div>
											</div><!--进度条-->
											<img class="rightshadow" src="images/common/rightshadow.png" /> 
										</div>
									
									</div>
									</a>
								</li>
								<li>
									<div class="pic">
										<div class="leftimg pull-left clearfix">
											<img class="leftshadow" src="images/common/leftshadow.png" />
										   <div class="play-top" id="play-top1">
												 <dl class="sub-list" >
											    	<dd class="active">1</dd>
											        <dd>2</dd>
											        <dd>3</dd>
											    </dl>
												<ol class="subimg-list">
													<li>
														<img src="images/tmp/img1.jpg" />
													</li>
													<li>
														<img src="images/tmp/img1.jpg" />
													</li>
													<li>
														<img src="images/tmp/img1.jpg" />
													</li>
												</ol>
											</div>
										</div>
										<div class="w466 pull-right ">
											<h3>【喜蚨09号】既下山·景德镇</h3>
											<p class="describe" >开启藏地旅行隐秘之门，饱览世外桃源雪白云天</p>
											<ol class="pro-list clearfix" >
												<li><span>起投金额</span><p>5万</p></li>
												<li><span>投资期限</span><p>6月</p></li>
												<li><span>开始投标日期</span><p>2019-4-2</p></li>
												<li><span>剩余时间</span><p>23天</p></li>
											</ol>
											<div class="pro-position">
												<span>项目期限:1月</span>
												<span class="line">|</span>
												<span>规模:100万</span>
											</div>
											
											<div class="enterprisetouzi">
												<div class="progressbar">
													<span>剩余时间:9天 </span>
													<p>预约进度 <i class="c3cb4f9">0.00%</i> </p>
													<div class="jindu">
														<div style="width:80.00%"></div>
													</div>
												</div>
											</div><!--进度条-->
											<img class="rightshadow" src="images/common/rightshadow.png" /> 
										</div>
									
									</div>
									
								</li>
							</ul>
						</div>
					</div> <!--picScroll-left-->
				</div> <!--project-->
			</div> 	<!--w1300-->
		</div>
		
		<!--项目列表-->
		<div class="w1300">
			
			<div class="title-plate">
				<h2><span>Preheating project</span><b>预热中的项目</b><a href="#" class="more" >查看更多</a></h2>
			</div>
			<ul class="project-list clearfix">
					<li> <a href="#">
						<div class="arrow"></div>
						<div class="projectitem">
							<div class="hover">
								<div class="project-logo">
									<div alt="项目图片" class="img">
										<img src="images/tmp/img2.jpg" style="width: 300px; height: 200px;">
									</div>
									<div class="mask"></div>
								</div>
								<div class="tittle-wapper">
									<h3 class="project-title" onclick="findLoanDetail(1883);">新手模拟项目 第29期新手模拟项目 第29期新手模拟项目 第29期</h3>
								</div>
							</div>
							<div class="project-position">
								<span>全球新手专享</span>
								<span class="line">|</span>
								<span>模拟投资</span>
							</div>
							<p class="project-describe">
								<span>测试项目说明测试项目说明测试项目说明测试项目说明测试项目说明测试项目说明测试项目说明 ...</span>
							</p>
							<!--进度条-->
							<div class="subenterprisetouzi">
								<div class="progressbar">
									<span>认购结束 </span>
									<p>进度 <i class="c3cb4f9">0.00%</i> </p>
									<div class="clearfix"></div>
									<div class="jindu">
										<div style="width:0.00%"></div>
									</div>
								</div>
							</div>
						</div></a>
					</li>
					
					<li>	
						<div class="arrow"></div>
						<div class="projectitem">
							<div class="hover">
								<div class="project-logo">
									<div alt="项目图片" class="img">
										<img src="images/tmp/img3.jpg" style="width: 300px; height: 200px;">
									</div>
									<div class="mask"></div>
								</div>
								<div class="tittle-wapper">
									<h3 class="project-title" onclick="findLoanDetail(1883);">既下山·景德镇</h3>
								</div>
							</div>
							<div class="project-position">
								<span>江西-景德镇</span>
								<span class="line">|</span>
								<span>酒店</span>
							</div>
							<p class="project-describe">
								<span>在千年瓷都，既下山带你抵达内心的边境</span>
							</p>
							<!--进度条-->
							<div class="subenterprisetouzi">
								<div class="progressbar">
									<span>认购结束 </span>
									<p>进度 <i class="c3cb4f9">0.00%</i> </p>
									<div class="clearfix"></div>
									<div class="jindu">
										<div style="width:0.00%"></div>
									</div>
								</div>
							</div>
						</div>
					</li>
					
					<li>	
						<div class="arrow"></div>
						<div class="projectitem">
							<div class="hover">
								<div class="project-logo">
									<div alt="项目图片" class="img">
										<img src="images/tmp/img4.jpg" style="width: 300px; height: 200px;">
									</div>
									<div class="mask"></div>
								</div>
								<div class="tittle-wapper">
									<h3 class="project-title" onclick="findLoanDetail(1883);">千岛湖佰澜度假酒店</h3>
								</div>
							</div>
							<div class="project-position">
								<span>浙江-杭州</span>
								<span class="line">|</span>
								<span>酒店</span>
							</div>
							<p class="project-describe">
								<span>家景区酒店免费换住，圆你的山川湖海江畔梦</span>
							</p>
							<!--进度条-->
							<div class="subenterprisetouzi">
								<div class="progressbar">
									<span>认购结束 </span>
									<p>进度 <i class="c3cb4f9">136%</i> </p>
									<div class="clearfix"></div>
									<div class="jindu">
										<div style="width:100.00%"></div>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="arrow"></div>
						<div class="projectitem">
							<div class="hover">
								<div class="project-logo">
									<div alt="项目图片" class="img">
										<img src="images/tmp/img2.jpg" style="width: 300px; height: 200px;">
									</div>
									<div class="mask"></div>
								</div>
								<div class="tittle-wapper">
									<h3 class="project-title" onclick="findLoanDetail(1883);">新手模拟项目 第29期</h3>
								</div>
							</div>
							<div class="project-position">
								<span>全球新手专享</span>
								<span class="line">|</span>
								<span>模拟投资</span>
							</div>
							<p class="project-describe">
								<span>测试项目说明测试项目说明测试项目说明测试项目说明测试项目说明测试项目说明测试项目说明 ...</span>
							</p>
							<!--进度条-->
							<div class="subenterprisetouzi">
								<div class="progressbar">
									<span>认购结束 <b>5</b> </span>
									<p>进度 <i class="c3cb4f9">0.00%</i> </p>
									<div class="clearfix"></div>
									<div class="jindu">
										<div style="width:0.00%"></div>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>	
						<div class="arrow"></div>
						<div class="projectitem">
							<div class="hover">
								<div class="project-logo">
									<div alt="项目图片" class="img">
										<img src="images/tmp/img3.jpg" style="width: 300px; height: 200px;">
									</div>
									<div class="mask"></div>
								</div>
								<div class="tittle-wapper">
									<h3 class="project-title" onclick="findLoanDetail(1883);">既下山·景德镇</h3>
								</div>
							</div>
							<div class="project-position">
								<span>江西-景德镇</span>
								<span class="line">|</span>
								<span>酒店</span>
							</div>
							<p class="project-describe">
								<span>在千年瓷都，既下山带你抵达内心的边境</span>
							</p>
							<!--进度条-->
							<div class="subenterprisetouzi">
								<div class="progressbar">
									<span>认购结束 </span>
									<p>进度 <i class="c3cb4f9">0.00%</i> </p>
									<div class="clearfix"></div>
									<div class="jindu">
										<div style="width:0.00%"></div>
									</div>
								</div>
							</div>
						</div>
					</li>
					
					<li>	
						<div class="arrow"></div>
						<div class="projectitem">
							<div class="hover">
								<div class="project-logo">
									<div alt="项目图片" class="img">
										<img src="images/tmp/img4.jpg" style="width: 300px; height: 200px;">
									</div>
									<div class="mask"></div>
								</div>
								<div class="tittle-wapper">
									<h3 class="project-title" onclick="findLoanDetail(1883);">千岛湖佰澜度假酒店</h3>
								</div>
							</div>
							<div class="project-position">
								<span>浙江-杭州</span>
								<span class="line">|</span>
								<span>酒店</span>
							</div>
							<p class="project-describe">
								<span>家景区酒店免费换住，圆你的山川湖海江畔梦</span>
							</p>
							<!--进度条-->
							<div class="subenterprisetouzi">
								<div class="progressbar">
									<span>认购结束 </span>
									<p>进度 <i class="c3cb4f9">136%</i> </p>
									<div class="clearfix"></div>
									<div class="jindu">
										<div style="width:100.00%"></div>
									</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
		</div>  <!--w1300-->
		
		<div class="cf1f1f1">
			 <div class="w1300">
			 	<div class="title-plate">
					<h2><span>XIFU dynamic</span><b>喜蚨动态</b></h2>
				</div>
			 	<div class="outBox">
			 		<div class="leftshadow1"></div>
			 		<div class="rightshadow1"></div>
					<div class="hd">
						 <span class="more">
				            <a href="#">更多</a>
				            <a href="#">更多</a>
				        </span>
						<ul><li>新闻动态</li><li>行业新闻</li></ul>
					</div>
					<div class="bd">
							<!-- inBox S -->
							<div class="inBox">
								<div class="inHd">
									<div class="arrow"></div>
									<ul>
										<li><span class="date">2011-11-11</span><a href="#">中国打破了世界软件巨头规则</a></li>
										<li><span class="date">2011-11-11</span><a href="#">口语：会说中文就能说英语！</a></li>
										<li><span class="date">2011-11-11</span><a href="#">农场摘菜不如在线学外语好玩</a></li>
										<li><span class="date">2011-11-11</span><a href="#">数理化老师竟也看学习资料？</a></li>
										<li><span class="date">2011-11-11</span><a href="#">学英语送ipad2,45天突破听说</a></li>
										<li><span class="date">2011-11-11</span><a href="#">学外语，上北外！</a></li>
										<li><span class="date">2011-11-11</span><a href="#">那些无法理解的荒唐事</a></li>
									</ul>
								</div>
								<div class="inBd">
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
								</div>
							</div> <!-- inbox -->
							
							<!-- inBox S -->
							<div class="inBox">
								<div class="inHd">
									<div class="arrow"></div>
									<ul>
										<li><span class="date">2011-11-11</span><a href="#">中国打破了世界软件巨头规则</a></li>
										<li><span class="date">2011-11-11</span><a href="#">口语：会说中文就能说英语！</a></li>
										<li><span class="date">2011-11-11</span><a href="#">农场摘菜不如在线学外语好玩</a></li>
										<li><span class="date">2011-11-11</span><a href="#">数理化老师竟也看学习资料？</a></li>
										<li><span class="date">2011-11-11</span><a href="#">学英语送ipad2,45天突破听说</a></li>
										<li><span class="date">2011-11-11</span><a href="#">学外语，上北外！</a></li>
										<li><span class="date">2011-11-11</span><a href="#">那些无法理解的荒唐事</a></li>
									</ul>
								</div>
								<div class="inBd">
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
										<ul>
											<li><img src="images/tmp/img5.jpg" alt=""> </li>
										</ul>
								</div>
							</div><!-- inbox -->
					</div><!-- bd E -->
				</div>
			 	
			 </div>
		</div>
		
		<!--合作伙伴-->
		<div class="c425383">
			<div class="w1300">
				 <div class="partnerpicScroll-left" id="partnerScroll">
					<a class="next"></a>
					<a class="prev"></a>
					<div class="bd">
						<div class="parterimg"></div>
						<ul class="picList">
							<li>
								<div class="pic"><a href="#" target="_blank"><img src="images/partner/img1.jpg" /></a></div>
							</li>
							<li>
								<div class="pic"><a href="#" target="_blank"><img src="images/partner/img2.jpg" /></a></div>
								
							</li>
							<li>
								<div class="pic"><a href="#" target="_blank"><img src="images/partner/img4.jpg" /></a></div>
							</li>
							<li>
								<div class="pic"><a href="#" target="_blank"><img src="images/partner/img3.jpg" /></a></div>
							</li>
							<li>
								<div class="pic"><a href="#" target="_blank"><img src="images/partner/img4.jpg" /></a></div>
							</li>
						</ul>
					</div><!--bd-->	
				</div>	<!--partnerScroll-->		
			</div><!--w1300-->	
		</div>
		
		<div class="w1300">
			<div class="title-plate">
				<h2><span>success case</span><b>成功案例</b></h2>
			</div>
			<ul class="success-caselist">
				<li><img src="images/tmp/case1.jpg" /></li>
				<li><img src="images/tmp/case2.jpg" /></li>
				<li><img src="images/tmp/case3.jpg" /></li>
				<li><img src="images/tmp/case4.jpg" /></li>
				<li><img src="images/tmp/case5.jpg" /></li>
				<li><img src="images/tmp/case6.jpg" /></li>
				<li><img src="images/tmp/case5.jpg" /></li>
				<li><img src="images/tmp/case6.jpg" /></li>
			</ul>
		</div>
		
		<div class="c3c3c3c">
			<div class="w1300">
				<div class="title-plate titlewhite">
					<h2><span>Four reasons for choosing</span><b>选择喜蚨投资的四大理由</b></h2>
				</div>
				<ul class="choiceme-list clearfix">
					<li>
						<span class="choiceimg sprites1"></span>
						<h2>优质的投资项目</h2>
						<p>项目来源于各大机构推荐和喜蚨平台的海选，经过专业的审核，保障项目的质量</p>
					</li>
					<li>
						<span class="choiceimg sprites2"></span>
						<h2>优质的投资项目</h2>
						<p>项目来源于各大机构推荐和喜蚨平台的海选，经过专业的审核，保障项目的质量</p>
					</li>
					<li>
						<span class="choiceimg sprites3"></span>
						<h2>优质的投资项目</h2>
						<p>项目来源于各大机构推荐和喜蚨平台的海选，经过专业的审核，保障项目的质量</p>
					</li>
					<li>
						<span class="choiceimg sprites4"></span>
						<h2>优质的投资项目</h2>
						<p>项目来源于各大机构推荐和喜蚨平台的海选，经过专业的审核，保障项目的质量</p>
					</li>
				</ul>
				
			</div>
		</div>
		
		<!--底部-->
		<div class="c272727">
			<div class="w1300">
				<div class="footer">
					<div class="footer-nav clearfix">
						
						<ul class="footernavlist">
							<div class="bottomline"></div>
							<li> <a href="#">首页 </a>  </li>
							<li><a href="#">投资 </a></li>
							<li><a href="#">融资  </a></li>
							<li><a href="#">喜蚨动态 </a></li>
							<li><a href="#">关于我们 </a></li>
							<li><a href="#">帮助中心 </a></li>
							<li><a href="#">加入我们 </a></li>
							<li><a href="#">风险揭示 </a></li>
						</ul>
						<ul class="contact-list">
							<div class="bottomline"></div>
							<li><a href="#">联系我们</a> </li>
						</ul>
					</div>
					<div class="net-police">
						<ul class="policelist">
							<li><a href="#"><img src="images/common/img3.png" /></a></li>
							<li><a href="#"><img src="images/common/img4.png" /></a></li>
							<li><a href="#"><img src="images/common/img5.png" /></a></li>
							
						</ul>
						<p> ©2014喜蚨投资  豫ICP备15000769号-1  豫公网安备 41030502000166号</p>
						<p><label class="tel">400-8162-262</label><label class="qq">2858745435</label></p>
						
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			// 认投中项目
			jQuery("#rtproject").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:false,effect:"left",autoPlay:false,vis:1,trigger:"click"});
			// 喜蚨动态
			jQuery(".inBox").slide({ titCell:".inHd li",mainCell:".inBd" });
			/* 外层outBox左滚动切换 */
			jQuery(".outBox").slide({ effect:"left",targetCell:".more a" });
			// 合作伙伴
			jQuery("#partnerScroll").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:false,effect:"leftLoop",autoPlay:false,vis:5,scroll:1, trigger:"click"});
		</script>
		
	</body>
</html>
